feat: add polling to BackendCapabilitiesBanner, persist OnboardingChe… - #1610

#!/bin/bash
set -euo pipefail
rg -n -C 6 'useReadinessReport|useReadinessQuery|readinessKeys|fetchReadinessReport|setInterval' frontend/src

#!/bin/bash
set -euo pipefail

echo "== App readiness/layout declarations and banner invocation =="
sed -n '45,68p' frontend/src/App.tsx
echo
sed -n '280,325p' frontend/src/App.tsx
echo
echo "== read-only hook/body evidence =="
sed -n '1,90p' frontend/src/hooks/queries/useReadinessQuery.ts
echo
sed -n '165,208p' frontend/src/hooks/useReadinessReport.ts
echo
echo "== Behavioral model from source text =="
python3 - <<'PY'
from pathlib import Path
app = Path('frontend/src/App.tsx').read_text()
banner = Path('frontend/src/components/BackendCapabilitiesBanner.tsx').read_text()
report = Path('frontend/src/hooks/useReadinessReport.ts').read_text()
query = Path('frontend/src/hooks/queries/useReadinessQuery.ts').read_text()
checks = {
    'App uses both readiness hooks': 'useReadinessReport' in app and 'useReadinessQuery' in banner and app.count('BackendCapabilitiesBanner') >= 1,
    'useReadinessQuery uses React Query interval/backoff': 'useQuery' in query and 'refetchInterval: () => document.visibilityState' in query,
    'useReadinessReport uses manual polling interval/backoff': 'window.setInterval' in report and 'visibilitychange' in report,
    'App derives showBackendBanner from useReadinessReport': 'showBackendBanner' in app and 'notices.some' in app,
    'layout top-padding class from showBackendBanner': 'pt-4' in app and 'contentTopPad' in app,
    'errorTop uses report from useReadinessReport': 'errorTop' in app and 'report' in app and 'useReadinessReport' in app,
}
for name, ok in checks.items():
    print(f'{name}: {ok}')
PY

#!/bin/bash
set -euo pipefail

echo "== App relevant sections =="
sed -n '62,80p' frontend/src/App.tsx
sed -n '200,320p' frontend/src/App.tsx

echo
echo "== useReadinessReport refresh and any App/other use/useQueryClient references =="
rg -n -C 4 'function useReadinessReport|refresh|useQueryClient|invalidateQueries|reset|useReadinessReport\(|useReadinessQuery\(' frontend/src/App.tsx frontend/src/hooks/utils frontend/src/hooks/queries frontend/src/hooks use

#!/bin/bash
fd -H -t f 'vitest.config.*|vite.config.*' frontend --exec cat -n
fd -H -t f 'setup*.ts*' frontend/src --exec cat -n
rg -n --type=ts --type=tsx 'usePriceCandlestickQuery|PRICE_CHART' frontend/src -g '!**/*.test.*'

#!/bin/bash
set -euo pipefail

echo "== locate heatmap tests and component =="
fd -H -t f 'CorrelationHeatmap' frontend

echo
echo "== test excerpt =="
file="$(fd -H -t f 'CorrelationHeatmap.test.tsx' frontend | head -n1 || true)"
if [ -n "$file" ]; then
  wc -l "$file"
  sed -n '1,140p' "$file" | cat -n
fi

echo
echo "== component outline relevant file =="
if [ -n "$file" ]; then
  comp="$(git rev-parse --show-toplevel)/frontend/src/components/CorrelationHeatmap.tsx"
  if [ -f "$comp" ]; then
    wc -l "$comp"
    ast-grep outline "$comp" --view expanded || true
    sed -n '1,260p' "$comp" | cat -n
  fi
fi

echo
echo "== hook usages =="
rg -n --type=ts --type=tsx 'usePriceCandlestick|QueryClient|refetchInterval|DataChart|data:' frontend/src -g '!**/*.test.*' --glob '!**/node_modules/**' --max-count 200

#!/bin/bash
set -euo pipefail

echo "== remaining component render/modal section =="
file="$(git rev-parse --show-toplevel)/frontend/src/components/CorrelationHeatmap.tsx"
sed -n '260,330p' "$file" | cat -n

echo
echo "== hook file =="
hook="$(git rev-parse --show-toplevel)/frontend/src/hooks/queries/usePriceCandlestickQuery.ts" || true
if [ -f "$hook" ]; then
  wc -l "$hook"
  sed -n '1,220p' "$hook" | cat -n
else
  fd -H -t f 'usePriceCandlestickQuery' frontend
fi

echo
echo "== global fetch/api mocks in Vitest setup files =="
sed -n '1,180p' frontend/src/test/setup.ts | cat -n
rg -n --glob '!**/node_modules/**' 'vi\.stubGlobal\(|fetch|global.fetch|axios|XMLHttpRequest|msw|setupServer|http|api|usePriceCandlestickQuery|queryClient' frontend/src frontend/vitest.config.ts frontend/src/test/setup.ts

#!/bin/bash
# Inspect the conditional return and all hooks in this component.
nl -ba frontend/src/components/DriftGauge.tsx | sed -n '226,242p'

# Check whether tests cover an empty-to-populated rerender transition.
rg -n -C2 'rerender|assets=\{\[\]\}|DriftGaugeGrid' frontend/src/components/DriftGauge.test.tsx

#!/bin/bash
set -eu

echo "== Component outline/matches =="
rg -n "function DriftGaugeGrid|const DriftGaugeGrid|useState|useMemo|useEffect|useRef|assets\.length === 0|showBreakdown" frontend/src/components/DriftGauge.tsx

echo
echo "== DriftGaugeGrid body =="
python3 - <<'PY'
from pathlib import Path
p=Path("frontend/src/components/DriftGauge.tsx")
lines=p.read_text().splitlines()
for i in range(200, 260):
    if i <= len(lines):
        print(f"{i:4d}: {lines[i-1]}")
PY

echo
echo "== Test file outline/matches =="
rg -n "DriftGaugeGrid|rerender|assets=\{\[\]\}|assets=.*sampleAssets|empty" frontend/src/components/DriftGauge.test.tsx -C 2

#!/bin/bash
set -euo pipefail

echo "Find DriftGauge.tsx:"
fd -a 'DriftGauge\.tsx$' . || true

echo
echo "Outline:"
if [ -f frontend/src/components/DriftGauge.tsx ]; then
  ast-grep outline frontend/src/components/DriftGauge.tsx --view expanded || true
  echo
  echo "Relevant lines 220-290:"
  sed -n '220,290p' frontend/src/components/DriftGauge.tsx | cat -n -v
fi

echo
echo "Search Aria descriptions/usages nearby:"
rg -n "aria-describedby|tooltip|drift-gauge-heading|showBreakdown|useId|role=\"tooltip\"" frontend/src/components/DriftGauge.tsx frontend/src -S || true

#!/bin/bash
set -euo pipefail
rg -n -C 3 'refetchInterval(InBackground)?|visibilitychange|useReadinessQuery' .

#!/bin/bash
set -euo pipefail

echo "## useReadinessQuery.ts"
cat -n frontend/src/hooks/queries/useReadinessQuery.ts | sed -n '1,120p'

echo
echo "## TanStack Query dependency versions"
for f in package.json frontend/package.json pnpm-lock.yaml package-lock.json yarn.lock; do
  if [ -f "$f" ]; then
    echo "--- $f ---"
    rg -n '`@tanstack`|useQuery|query-key' "$f" | head -80 || true
  fi
done

echo
echo "## Nearby old visibility polling implementation"
cat -n frontend/src/hooks/useReadinessReport.ts | sed -n '160,210p'